/* eslint-disable */
import React from 'react'
import { Outlet } from 'react-router-dom';
import { Layout, theme } from 'antd'
import CommonTag from '../components/commonTag';
import CommonAside from '../components/commonAside/index';
import CommonFooter from '../components/commonFooter/inedx'
import { useSelector } from 'react-redux'
import axios from '../api/axios';
// import { RouterAuth } from '../router/routerAuth'

const { Content } = Layout

const Main = () => {
  const collapsed = useSelector(state => state.tab.isCollapse)

  return (
    // <RouterAuth>
      <Layout className="main-container">
        <CommonAside collapsed={collapsed} />
        <Layout>
          {/* <CommonHeader collapsed={collapsed} /> */}
          {/* <CommonTag /> */}
          <Content
            style={{
              padding: 24,
              margin: 0,
              minHeight: 280
            }}
          >
            {/* <CommonTag /> */}
            <Outlet />
          </Content>
          <CommonFooter />
        </Layout>
      </Layout>
    // </RouterAuth>
  )
}

export default Main